<template>

	<view style="margin: 0 50px;box-shadow: 10px;">
		<fui-input v-model="cdk" borderTop placeholder="请输入有效的CDK兑换码" isFillet=true marginTop=100></fui-input>
	</view>
	<view style="margin: 10px 50px 0px">
		<fui-button radius="100px" background="#333333" margin="['20px','0px','0px','0px']"
			@click="goCDK">兑换</fui-button>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	import {
		url
	} from '@/utils/request.js'
	const cdk = ref('')
	const getOpenId = ref('')
	const message = ref('')
	const goCDK = () => {
		uni.getStorage({
			key: 'openId',
			success(res) {
				getOpenId.value = res.data
				wx.request({
					url: url + '/photo/userGetCoupons',
					method: 'GET',
					data: {
						openId: getOpenId.value,
						CDK: cdk.value
					},
					success: (Res) => {
						console.log(Res.data.message,"qqq")
						message.value = Res.data.message
						if (Res.data.message == '此CDK不存在') {
							uni.showToast({
								title: 'CDK不存在',
								//将值设置为 success 或者直接不用写icon这个参数
								icon: 'error',
								//显示持续时间为 2秒
								duration: 1000
							})
						} else if (Res.data.message == '此cdk已被兑换') {
							uni.showToast({
								title: '此cdk已被兑换',
								icon: 'error',
								duration: 1000
							})
						} else if (Res.data.message == '很遗憾您没有中奖~') {
						uni.showModal({
							title: '提示',
							content: '很遗憾您没有中奖~ 欢迎下次在来',
							confirmText:'确定',
							success: function (res) {
								if (res.confirm) {
									console.log('用户点击确定');
								} else if (res.cancel) {
									console.log('用户点击取消');
								}
							}
						});
						} else {
							uni.navigateTo({
								url: '../youhuiquan/youhuiquan'
							})
							uni.showToast({
								title: '成功兑换优惠券',
								//将值设置为 success 或者直接不用写icon这个参数
								icon: 'success',
								//显示持续时间为 2秒
								duration: 1000
							})

						}
					}
				})
			},
			fail(err) {
				console.error('Failed to get storage:', err)
			}
		})


	}
</script>

<style>
	.header {
		background-color: green;
		height: 200px;
		margin: 0 50px;
	}
</style>